body {
    padding: 0px;
    margin: 0px;
}
.game {
    position: relative;
    width: 600px;
    height: 370px;
    font-family: "Arial", sans;
    font-size: 10pt;
    margin: 0px;
    pading: 0px;
}
.game > .statusBar {
    position: absolute;
    top: 340px;
    height: 30px;
    left: 4px;
    right: 4px;
}
.sea {
    position: absolute;
    width: 320px;
    height: 320px;
}
.cell {
    position: absolute;
    background-image: url("ships.png");
    background-repeat: no-repeat;
    background-position: -96px 0px;
}
.missed {
    background-position: -128px 0px;
}
.injuredShip {
    background-position: -32px 0px;
}
.ship {
    position: absolute;
}
.ship > * {
    position: absolute;
}
.ship > .full {
    background-position: 0px 0px;
}
.ship > .full {
    background-position: -64px 0px;
}
.ship > .left {
    background-position: 0px -32px;
}
.ship > .bottom {
    background-position: -32px -32px;
}
.ship > .right {
    background-position: -64px -32px;
}
.ship > .top {
    background-position: -96px -32px;
}
.ship > .vert {
    background-position: -128px -32px;
}
.ship >.horz {
    background-position: -160px -32px;
}
.ship > .killed.left {
    background-position: 0px -64px;
}
.ship > .killed.bottom {
    background-position: -32px -64px;
}
.ship > .killed.right {
    background-position: -64px -64px;
}
.ship > .killed.top {
    background-position: -96px -64px;
}
.ship > .killed.vert {
    background-position: -128px -64px;
}
.ship > .killed.horz {
    background-position: -160px -64px;
}
.own.sea {
    left: 10px;
    top: 10px;
}
.enemy.sea {
    left: 340px;
    top: 10px;
    display: none;
}